<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>跳转提示</title>
<link rel="icon" href="favicon.ico" type="image/ico">
<style type="text/css">
* {
    padding: 0;
    margin: 0;
}

body {
    background: #30333F;
    font-family: '微软雅黑';
    color: #fff;
    font-size: 16px;
}

.system-message {
    padding: 24px 48px;
}

.system-message h1 {
    font-size: 80px;
    font-weight: normal;
    line-height: 120px;
    margin-bottom: 12px
}

.system-message .jump {
    padding-top: 10px;
    margin-bottom: 20px
}

.system-message .jump a {
    color: #333;
}

.system-message .success,.system-message .error {
    line-height: 1.8em;
    font-size: 36px
}

.system-message .detail {
    font-size: 12px;
    line-height: 20px;
    margin-top: 12px;
    display: none
}

#wait {
    font-size: 46px;
}

#btn-stop,#href {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 0 none;
    background-color: #308B04;
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
    border-color: transparent;
    text-decoration: none;
}

#btn-stop:hover,#href:hover {
    background-color: #43BD08;
}
</style>
</head>
<body>
    <div class="system-message">
        <h1>恭喜您!</h1>
        <p class="success">退出成功！</p>
        <p class="detail"></p>
        <p class="jump">
            <b id="wait">1</b> 秒后页面将自动跳转
        </p>
        <div>
            <a id="href" id="btn-now"
                href="login?utm_source=/logout">立即跳转</a>
            <button id="btn-stop" type="button" onclick="stop()">停止跳转</button>
        </div>
    </div>
    <script type="text/javascript">
        (function() {
            var wait = document.getElementById('wait'), href = document
                    .getElementById('href').href;
            var interval = setInterval(function() {
                var time = --wait.innerHTML;
                if (time <= 0) {
                    location.href = href;
                    clearInterval(interval);
                }
                ;
            }, 1000);
            window.stop = function() {
                console.log(111);
                clearInterval(interval);
            }
        })();
    </script>
</body>
</html>